<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <h1 style="text-align: center">主页</h1>
        <div>
            <h2>发送Get请求</h2>
            <form action="/httpServlet" method="get">
                <input type="submit" value="提交">
            </form>
        </div>
        <div>
            <h2>发送 Post 请求</h2>
            <form action="/httpServlet" method="post">
                <input type="submit" value="提交">
            </form>
        </div>
        <div>
            <h2>测试生命周期</h2>
            <a href="/LifeCycle">点我测试生命周期</a>
        </div>
        <div>
            <h2>使用注解，进行访问Servlet</h2>
            <a href="/annotation">点我测试注解</a>
        </div>

        <div>
            <h2>收集数据</h2>
            <form action="/requestMethod03" method="get">
                <input type="text" id="username" name="username">
                <input type="password" id="password" name="password">
                <input type="checkbox"  name="hobbies" value="eat"> 吃饭
                <input type="checkbox"  name="hobbies" value="sleep"> 睡觉
                <input type="radio" name="gender" value="male">男
                <input type="radio" name="gender" value="female">女

                <select name="hometown">
                    <option value="jiangxi">江西</option>
                    <option value="湖北">湖北</option>
                    <option value="浙江">浙江</option>
                    <option value="fujian">福建</option>
                </select>

                <input type="submit" value="提交">
            </form>
        </div>

        <div>
            <h2>上传文件</h2>
            <!--
                1、如果是上传文件，那么表单提交的方式必须是Post
                2、表单中包含指定的文件，那么 enctype 的值必须是 multipart/form-data
             -->
            <form action="/fileUpload" method="post" enctype="multipart/form-data">
                <input type="file" multiple="multiple" name="source">
                <input type="submit" value="上传">
            </form>
        </div>

        <div>
            <h2>多上传文件</h2>
            <!--
                1、如果是上传文件，那么表单提交的方式必须是Post
                2、表单中包含指定的文件，那么 enctype 的值必须是 multipart/form-data
             -->
            <form action="/multipleFileUpload" method="post" enctype="multipart/form-data">
                <input type="file" multiple="multiple" name="source">
                <input type="file" multiple="multiple" name="source">
                <input type="file" multiple="multiple" name="source">
                <input type="submit" value="上传">
            </form>
        </div>

        <div>
            <h2>关于ServletConfig</h2>
            <a href="/testServletConfig2">点我测试ServletConfig</a>
        </div>

        <div>
            <h2>转发</h2>
            <a href="/forward">点我测试 forward </a>
        </div>

        <div>
            <h2>转发</h2>
            <a href="/include">点我测试 include </a>
        </div>

        <div>
            <h2>测试 Cookie </h2>
            <a href="/testCookie">点我测试 Cookie </a>
        </div>

        <div>
            <h2>测试 Cookie </h2>
            <a href="/getCookie">点我测试 getCookie </a>
        </div>

        <div>
            <form action="/urlRewrite" method="post">
                <input type="text" name="name">
                <input type="password" name="password">
                <input type="submit" value="提交">
            </form>
        </div>


    </body>
</html>